// 点击轮播图  浏览大图（1.绑定点击事件 2.调用小程序api  previewImage
import {
  request
} from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj: {},
    // 商品是否被收藏
    isCollect:false
  },
  // 购物车
  GoodsInfo: {},
  onShow: function () {
    let pages = getCurrentPages()
    let currentPage = pages[pages.length - 1]
    let options = currentPage.options
    const {
      goods_id
    } = options
    this.getGoodsDetail(goods_id)

  },
  // 获取商品详情数据
  async getGoodsDetail(goods_id) {
    const res = await request({
      url: "/goods/detail",
      data: {
        goods_id
      },
    })
    this.GoodsInfo = res
    // 收藏按钮的回调
    // 1.获取缓存中的商品收藏的数组
    let collect = wx.getStorageSync('collect')||[]
    // 2.判断当前商品是否被收藏
    let isCollect = collect.some(v => v.goods_id === this.GoodsInfo.goods_id)
    this.setData({
      goodsObj: {
        // 简化数据
        goods_name: res.goods_name,
        goods_price: res.goods_price,
        // iphone部分手机  不识别webp图片格式  可以把.webp替换jpg
        goods_introduce: res.goods_introduce.replace(/\.webp/g, '.jpg'),
        pics: res.pics
      },
      isCollect
    })
  },
  // 点击轮播图放大预览
  handlePrevewImage(e) {
    // 1.先构造要预览的图片数组
    const urls = this.data.goodsObj.pics.map(v => v.pics_mid)
    // 2.接受传递过来的图片url
    const current = e.currentTarget.dataset.url
    // 调用这个api
    wx.previewImage({
      current, // 当前显示图片的http链接
      urls // 需要预览的图片http链接列表
    })
  },
  // 点击添加购物车按钮的回调
  handleCartAdd() {
    // 1.获取缓存中的购物车  数组
    let cart = wx.getStorageSync("cart") || []
    // 2.判断商品对象是否存在于购物车数组中  
    let index = cart.findIndex(v => v.goods_id === this.GoodsInfo.goods_id)
    if (index === -1) {
      // 3.不存在  第一次添加
      this.GoodsInfo.num = 1
      this.GoodsInfo.checked = true
      cart.push(this.GoodsInfo)
    } else {
      // 4.已经存在购物车数据  执行num++
      cart[index].num++
    }
    // 5.把购物车重新添加到缓存中
    wx.setStorageSync("cart", cart)
    // 6.弹窗提示
    wx.showToast({
      title: "加入购物车成功",
      // 防止手抖
      mark: true
    })
  },
  // 收藏按钮的点击事件
  handleCollect(){
    // 1.获取缓存中的商品收藏数组
    let collect = wx.getStorageSync('collect')||[]
    // 2.判断该商品是否被收藏过
    let index = collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    // 3.当index!=-1 表示已经收藏过  
    if(index != -1){
      // 能找到 已经收藏过  删除该商品
      collect.splice(index,1)
      wx.showToast({
        title: '取消成功',
        icon:'success',
        mask:true
      })
    }else{
      // 没找到 加入该商品
      collect.push(this.GoodsInfo)
      wx.showToast({
        title: '收藏成功',
        icon:'success',
        mask:true
      })
    }
    // 4.把新的数组存入缓存中
    wx.setStorageSync('collect', collect)
    // 5.修改data当中的属性  isCollect 
    this.setData({
      isCollect:!this.data.isCollect
    })
  }

})